/*
 * layer popup을 위한 js 
 * 2014-01-27 
 */

function layer_open(el){		
	var temp = $('#' + el);		//레이어의 id를 temp변수에 저장
	var bg = temp.prev().hasClass('bg');	//dimmed 레이어를 감지하기 위한 boolean 변수

	if(bg){
		//$('.layer').fadeIn();
		$('.layer').css("display","block");
	}else{
		//temp.fadeIn();	//bg 클래스가 없으면 일반레이어로 실행한다.
		temp.css("display","block");
	}

	//dimmed 만들기
	$(".dimmed_bg").css("height",$(document).height());
	$(".dimmed_bg").css("weight",$(document).width());
	
	// 화면의 중앙에 레이어를 띄운다.
	if (temp.outerHeight() < $(document).height() ) temp.css('margin-top', '-'+temp.outerHeight()/2+'px');
	else temp.css('top', '0px');
	if (temp.outerWidth() < $(document).width() ) temp.css('margin-left', '-'+temp.outerWidth()/2+'px');
	else temp.css('left', '0px');

	temp.find('.open_layer').click(function(e){
		if(bg){
			//$('.layer').fadeOut();
			$('.layer').css("display","none");
		}
		e.preventDefault();
	});
	
	temp.find('.close_layer').click(function(e){				
		//temp.fadeOut();
		temp.css("display","none");
		e.preventDefault();
	});
}	